<template>
  <div>
    <content-header :title="article.name"></content-header>
    <div class="content-wrap" v-html="article.introduction" v-loading="loading">
    </div>
  </div>
</template>

<script>
import contentHeader from "@/components/widge/content-header";
import { getAppreciateList } from "@/api/list";

export default {
  components: { contentHeader },
  data() {
    return {
      article: {
        name: "加载中...",
        picUrl: "",
        introduction: "加载中"
      },
      loading: true
    };
  },
  mounted() {
    getAppreciateList().then(res => {
      this.loading = false;
      this.article = res.data.recordsList.find(item => {
        return item.id == this.$route.params.id;
      });
    });
  }
};
</script>

